<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<link rel="stylesheet" type="text/css" href="../template/css.css" media="all" />
<title>QueroTeto</title>

</h:head>
<h:body>
	<div id="corpo">
		<ui:include src="/template/topo.xhtml"/>
		<ui:include src="/template/menu.xhtml"/>

		<div id="conteudo">
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" globalOnly="true" />
			<div id="centro">

				<h:form id="form">
					<p:panel header="Seu Cadastro">
						<h:panelGrid columns="2" cellpadding="5">

							<h:outputText value="Apelido: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.apelido}" />

							<h:outputText value="Nome: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.nome}"
								required="true" id="nome" />

							<h:outputText value="Sexo: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.sexo}"
								required="true" id="sexo" />

							<h:outputText value="Email: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.email}"
								required="true" id="email" />

							<h:outputText value="Data de Nascimento: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.dataNasc}"
								required="true" id="DataNascimento" converter="javax.faces.DateTime" />

							<h:outputText value="Telefone fixo: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.foneFixo}"
								mask="(99) 9999-9999" id="TelefoneFixo" />

							<h:outputText value="Celular: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.foneCelular}"
								mask="(99) 9999-9999" required="true" id="celular" />

							<h:outputText value="Estado: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.estado}" />

							<h:outputText value="Cidade: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.cidade}" />

							<h:outputText value="CEP: " />
							<h:outputText value="#{cadastroUsuarioBean.usuario.cep}"
								mask="99999-999" />

							<p:commandButton value="Voltar" type="submit"
								action="#{cadastroUsuarioBean.cancelar}" ajax="false" immediate="true"/>
							<p:commandButton value="Editar Cadastro" type="submit"
								action="#{cadastroUsuarioBean.editar}" ajax="false" />
						</h:panelGrid>
					</p:panel>
				</h:form>
			</div>
			<div id="direita" align="center"></div>
		</div>
		<div id="both" align="center"></div>
		<ui:include src="/template/rodape.xhtml"/>
	</div>
</h:body>
</html>